package org.dcma.client.forms;

import com.extjs.gxt.ui.client.Style.HorizontalAlignment;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.VerticalPanel;
import com.extjs.gxt.ui.client.widget.button.Button;
import com.extjs.gxt.ui.client.widget.form.DateField;
import com.extjs.gxt.ui.client.widget.form.FieldSet;
import com.extjs.gxt.ui.client.widget.form.FormPanel;
import com.extjs.gxt.ui.client.widget.form.TextField;
import com.extjs.gxt.ui.client.widget.layout.FlowLayout;
import com.extjs.gxt.ui.client.widget.layout.FormData;
import com.extjs.gxt.ui.client.widget.layout.FormLayout;
import com.google.gwt.user.client.Element;

public class FrmDatosUsuario extends LayoutContainer {

	 private VerticalPanel vp;  
	   
	   private FormData formData;  
	   
	   @Override  
	   protected void onRender(Element parent, int index) {  
	     super.onRender(parent, index);  
	     formData = new FormData("-20");  
	     vp = new VerticalPanel();  
	     vp.setSpacing(10);  	      
	     createForm();  
	     add(vp);  
	   }  
	
	 private void createForm() {  
		     FormPanel frmUsuario = new FormPanel();  
		     frmUsuario.setFrame(true);  
		     frmUsuario.setHeading("Usuarios");  
		     frmUsuario.setWidth(350);  
		     frmUsuario.setLayout(new FlowLayout());  
		   
		     FieldSet fieldSet = new FieldSet();  
		     fieldSet.setHeading("Information del Usuario");  
		     fieldSet.setCheckboxToggle(true);  
		   
		     FormLayout layout = new FormLayout();  
		     layout.setLabelWidth(75);  
		     fieldSet.setLayout(layout);  
		   
		     TextField<String> firstName = new TextField<String>();  
		     firstName.setFieldLabel("Nombre");  
		     firstName.setAllowBlank(false);  
		     fieldSet.add(firstName, formData);  
		   
		     TextField<String> lastName = new TextField<String>();  
		     lastName.setFieldLabel("Apellidos");  
		     fieldSet.add(lastName, formData);  
		   
		     TextField<String> address = new TextField<String>();  
		     address.setFieldLabel("Direccion");  
		     fieldSet.add(address, formData); 
		     
		     DateField date = new DateField();  
	          date.setFieldLabel("Nacimiento");  
	          fieldSet.add(date, formData);  
		   
		     TextField<String> email = new TextField<String>();  
		     email.setFieldLabel("Email");  
		     fieldSet.add(email, formData);  
		   
		     frmUsuario.add(fieldSet);  
		   
		     fieldSet = new FieldSet();  
		     fieldSet.setHeading("Numeros Telefonicos");  
		     fieldSet.setCollapsible(true);  
		   
		     layout = new FormLayout();  
		     layout.setLabelWidth(75);  
		     fieldSet.setLayout(layout);  
		   
		     TextField<String> field = new TextField<String>();  
		     field.setFieldLabel("Casa");  
		     fieldSet.add(field, formData);  
		   
		     field = new TextField<String>();  
		     field.setFieldLabel("Oficina");  
		     fieldSet.add(field, formData);  
		   
		     field = new TextField<String>();  
		     field.setFieldLabel("Movil");  
		     fieldSet.add(field, formData);  
		   		   
		     frmUsuario.add(fieldSet);  
		     frmUsuario.setButtonAlign(HorizontalAlignment.CENTER);  
		     frmUsuario.addButton(new Button("Guardar"));  
		     frmUsuario.addButton(new Button("Cancelar"));  
		   		     
		     vp.add(frmUsuario);  
		   }  
}
